<template>
    <div id="exhibition">
        <div class="head w">
            <i onclick="javascript :history.go(-1);" class="iconfont f_left">&#xe602;</i>
            <i class="iconfont f_right">&#xe61b;</i>
            <h1>
                <a href="/">
                    <img src="@/assets/images/logo.png" alt="">
                </a>
            </h1>
        </div>
        <article>

        </article>

        <!--往期展会-->
        <div class="past">
            <!--标题-->
            <h2 class="past-title">

            </h2>
            <div class="past-cont">

            </div>
            <foot></foot>
        </div>

    </div>
</template>

<script>
    import foot from "@/components/foot/foot"

    export default {
        name: "Exhibition",
        data(){
            return{

            }
        },
        methods:{

        },
        components:{
            foot
        }
    }
</script>

<style scoped lang="less">
    #exhibition {
        background: url("./images/exhibition-back.jpg") no-repeat center center;
        background-size: cover;
    }

    .head {
        padding-top: .15rem;
        background: url("./images/head_back.png") no-repeat center center;
        background-size: cover;
        height: 3.01rem;

        i {
            color: #fff;
        }

        h1 {
            width: 1.37rem;
            height: 0.34rem;
            margin: 0.25rem auto 0;

            a {
                display: block;
                width: 100%;
                height: 100%;

                img {
                    display: block;
                    width: 100%;
                }
            }
        }
    }

    article {
        width: 3.385rem;
        margin: 0.2rem auto;
        height: 1.765rem;
        background-color: #fff7d3;
        box-shadow: 0 13px 10px 1px rgba(224, 185, 144, 0.2);
        border-radius: 0.1rem;
    }

    .past {
        margin-top: 0.22rem;

        .past-title {
            height: 0.105rem;
            text-align: center;
            font-size: 11px;
            color: #666;
            margin-bottom: 0.15rem;
            position: relative;
            background: url("./images/past_title_back.png") no-repeat center center;
            background-size: contain;

            &:after {
                content: "";

            }
        }

        .past-cont {
            width: 3.385rem;
            margin: 0 auto;
            height: 1.765rem;
            background-color: #fff7d3;
            box-shadow: 0 13px 10px 1px rgba(224, 185, 144, 0.2);
            border-radius: 0.1rem;
            margin-bottom: 0.19rem;
        }
    }
</style>
